• 省级水平FLASH课件制作培训，网络教学，解答所有学员疑难，包教包会。
• 教程发放到学员手中，共分为初级，中级，高级三部分，全部视频教程，跟真人在身边教学效果一样。
• 有意者直接咨询我站管理QQ：444860709 也可以加入到QQ群（67042004）中后，直接找群主咨询相关事宜培训详情。

注意：以下均为本站原创flash教程，属于本站产品，欢迎选学，如有问题可直接与我站管理联系解答事宜。QQ：4444860709

题 目:利用flash组件制作mp3播放器

一、效果预览

二、教程内容

利用flash组件+XML制作mp3播放器-带列表的（组件进行绑定）

动态效果：
这是利用flash组件+XML制作的mp3播放器，音乐播放器本身用列表显示音乐；列表中的音乐名称可以过外面的XML文件自由添加和修改，加载的音乐可以是本地音乐，也可以是网络音乐地址。
最终效果图：

制作步骤如下：

1. 新建一个文档，拖入三个组件，分别是mediaplayback、combobox、XMLconnector。

将medianplayback命名（实例名）为：musicplayer,用于播放音乐，并将mediapalyback的参数设置为 类型：mp3, Control Visibility:on，始终打开；将combobox命名（实例名）为musiclist,用于显示和选择播放内容；将XMLconnector命名（实例名）为：xmlconn，用于读取提前准备的好的xml数据文件，这个xml文件可以是远程服务器上的，这里我们把它保存到和我们制做的播放器的同一目录下，命名为music_list.xml，里面提前按照xml规范写好了歌曲的名字和播放地址。
2.XML的内容如下（实例名称music_list.xml）：

<xml version="1.0" encoding="UTF-8" standalone="no">
<list title="播放列表">

<item id="你不是我要的女人" url="C:\Documents and Settings\Administrator\My Documents\你不是我要的女人.mp3" >
</item>
<item url="C:\Documents and Settings\Administrator\My Documents\当我孤独的时候还可以抱着你.mp3" id="当我孤独的时候还可以抱着你">
</item>
<item url="C:\Documents and Settings\Administrator\My Documents\你其实现在和我一样.mp3" id="你其实现在和我一样">

Documents\周传雄-黄昏.mp3" id="周传雄-黄昏">

</item>
<item url="C:\Documents and Settings\Administrator\My Documents\春暖花开.mp3" id="春暖花开组">

</item>
<item url="C:\Documents and Settings\Administrator\My Documents\小白杨.mp3" id="小白杨">

</item>
<item url="C:\Documents and Settings\Administrator\My Documents\阿杜 - 离别.mp3" id="阿杜 - 离别">

</item>
<item url="C:\Documents and Settings\Administrator\My Documents\飞儿乐团- 千年之恋.mp3" id="飞儿乐团- 千年之恋">

</item>

</list>

注意：我在这里加载的是本地音乐（我的文档中的音乐），你在实际应用中可以加载本地的，也可以加载网络上的。url标签内保存的是歌曲的地址，id标签保存的是歌曲的名字。

1. 版面编排根据个人的需要排版，我这里使用了一个很小的布局，尽量缩小尺寸。如图：

xmlconnector并不会显示在版面上，所以可以把它放置在画布的外面。

4、以下用于设置xmlconnector组件的属性。
选择xmlconnector组件，参数标签栏里的url内添上xml文件的地址，这里因为存放在本地，所以直接填写music_list.xml就可以了，direcrion选项选择receive，这里不需要输出数据。如图：

选择xmlconnector组件，选择架构标签，选择从示例xml文件读取架构按钮，在打开对话框内选择保存在本地的xml文件，架构标签里就会显示出xml文件的基本架构，如图：

选择xmlconnector组件，选择绑定标签，此时绑定是空的，点击加号添加绑定，在弹出的对话框中选择：item:Array，因为这里是保存歌曲地址和名称的架构，如图：

确定后，绑定栏内出现第一个绑定，接着选择下面的bound to(绑定到)，点后面的放大镜，在弹出的对话框中左边选择List,<musiclist>，右边选择dataProvider:Array，即将它绑定到歌曲列表组件内，如图：

选择场景的第一桢，添加了一行as:
_root.xmlconn.trigger();
发布预览看看是不是列表里已经显示歌曲的内容了？

5、我们已经将歌曲的信息绑定到了歌曲列表里，发布后我们可以看到combobox内显示的信息，点击下拉箭头就可以改变播放的内容。
继续下一步，绑定歌曲的地址到meidiaplayback的contentpath
仍旧是用鼠标选择舞台上的xmlconnector组件，组件检查器切换到绑定标签，添加一个绑定，这次我们选择@url:string，因为这个架构里面保存的是歌曲的地址信息。如图：

接着选择下面的bound to,将它绑定到mediaplayback的contentpath,具体设置参考下面的图：

继续选择下面的index for "item"，默认为0，点后面的放大镜，在弹出的对话框中将“使用常数值”前面的钩去掉，绑定索引导commobox的selectedindex:number上，这样就同播放器的列表建立了关联，设置如图：

好了，现在发布预览看看，选择歌曲的列表内的歌曲，播放器是不是随之对应播放？

5、现在的列表中的音乐还不能自动播放，需要在主场景第1帧添加如下语句：
_root.xmlconn.trigger();
//添加该语句后，LIST中才会有列表显示；
/*flash课件吧（湖北金鹰），www.luotao2008.cn
课件制作和动画培训，QQ：444860709 培训群号：67042004
*/
//////////////////////////////////////
//以下代码可以实现列表中音乐的自动循环播放
myListener = new Object();
myListener.complete = function() {
//trace("media is Finished");

musiclist.selectedIndex = 0;
} else {
//添加该语句后，LIST中才会有列表显示；
/*flash课件吧（湖北金鹰），www.luotao2008.cn
课件制作和动画培训，QQ：444860709 培训群号：67042004
*/
musiclist.selectedIndex = (selIndex+1);
}
musiclist.refreshDestinations();
musicplayer.play();
};
musicplayer.addEventListener("complete", myListener);
//添加该语句后，LIST中才会有列表显示；
/*flash课件吧（湖北金鹰），www.luotao2008.cn
课件制作和动画培训，QQ：444860709 培训群号：67042004
*/

6,好了，可以测试你的播放器了。

不过这个播放器，我研究了几天，还存在几个不足之处，所以特在此进行悬赏解决。
1.缺点一：不能自动播放；悬赏金额：20元。
2.缺点二：加载进来的不是纯ID，还包含URL，苦闷！；悬赏金额：20元。
3.缺点三：不能体现随机播放和循环播放的功能；悬赏金额：50元。
4.缺点四：不能加载多个音乐播放列表，比如我们想添加“流行音乐”，“DJ音乐”播放列表等，如何解决？；悬赏金额：90元。
5.缺点五：同步动态音频条显示；悬赏金额：50元。
以上能全部解决300元。如果有高手能够解决以上问题，或者你能直接教我制作一首功能全面的音乐播放器的均可以与我联系。QQ：444860709
再附言：我的本意是想制作以上音乐播放器：
第一，要加载网络上的XML文件；第二，能够实现多个列表音乐，可供进行不同的选择；第三，功能要全面，比如，随机播放，循环播放控制等，最好能歌词同步显示，不过此项也可以不考虑。四、能够进行适时网络通信，比如在本地上使用时，如果想达到特殊的要求，可以提示需要注册等信息。能实现以上所有功能的话，我的悬赏金额将不以上面的为准，可以追加的哦。
我的理想效果图是：十万首音乐播放器的那种效果，具体界面和功能可以参考本站上的“十万首音乐播放器”免费下载页面。或者直接在百度中搜索即可。

我站网络视频网校培训开始招生了！FLASH课件制作视频教程教学，QQ一对一解答所有学员疑问。咨询：QQ444860709 查看培训详情。